<!DOCTYPE html>
<html lang="en">
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<meta charset="UTF-8">
	<title>样式规范</title>
    <!--[if lte IE 8]>
        <script type="text/javascript" src="ie-es5.js"></script>
    <![endif]-->
    <link rel="stylesheet/less" type="text/css" href="ecui.css" />
    <link rel="stylesheet/less" type="text/css" href="common.css">
    <script type="text/javascript" src="options.js"></script>
    <script type="text/javascript" src="ecui.js"></script>
    <script>
    </script>
    <style>
    </style>
</head>
<body>
    <div style="display:flex;height:100%">
        <div ui="type:m-panel" style="width:60px" onclick="ecui.query(function(item){return item instanceof ecui.ui.MBook})[0].moveTo(event.target.innerHTML)">
            <div>A</div>
            <div>B</div>
            <div>C</div>
            <div>F</div>
            <div>G</div>
            <div>H</div>
            <div>J</div>
            <div>L</div>
            <div>N</div>
            <div>S</div>
            <div>T</div>
            <div>X</div>
            <div>Y</div>
            <div>Z</div>
        </div>
        <div ui="type:m-book" style="flex:1">
            <strong>A</strong>
            <div>安徽</div>
            <strong>B</strong>
            <div>北京</div>
            <strong>C</strong>
            <div>重庆</div>
            <strong>F</strong>
            <div>福建</div>
            <strong>G</strong>
            <div>广东</div>
            <div>甘肃</div>
            <div>广西</div>
            <div>贵州</div>
            <strong>H</strong>
            <div>河北</div>
            <div>湖北</div>
            <div>黑龙江</div>
            <div>河南</div>
            <div>湖南</div>
            <strong>J</strong>
            <div>吉林</div>
            <div>江苏</div>
            <div>江西</div>
            <strong>L</strong>
            <div>辽宁</div>
            <strong>N</strong>
            <div>内蒙古</div>
            <div>宁夏</div>
            <strong>S</strong>
            <div>四川</div>
            <div>山东</div>
            <div>上海</div>
            <div>山西</div>
            <div>陕西</div>
            <strong>T</strong>
            <div>天津</div>
            <strong>X</strong>
            <div>新疆</div>
            <div>西藏</div>
            <strong>Y</strong>
            <div>云南</div>
            <strong>Z</strong>
            <div>浙江</div>
        </div>
    </div>
</body>
</html>

